/* 全局 */
html body{margin-top:130px;overflow-x: hidden;}
html{background-color: #fff;}
i{font-style: normal;}

/* 辅助 */
a:hover{color: #fff; transition: all .3s;}

.layui-badge{height: 20px; line-height: 20px; border-radius: 2px;}

.tt-link{color: #01AAED;}
.tt-link:hover{color: #aaaaaa;}
.tt-grey{color: #999;}

/*layui third level nav*/
.layui-nav-third-child{display: none; position: absolute; left:110px;top:0;min-width: 100%; line-height:28px; padding: 5px 0;z-index: 100;white-space: nowrap;}

.layui-nav-third-child li a{color: white;}
.layui-nav-third-child li a:hover{color: white;}
.layui-nav-third-child li{position: relative;color: white;background-color: rgba(0,0,0,.3)!important; }
.layui-nav .layui-nav-third-child li.layui-this a{background-color: transparent; color: white;}
.layui-nav-third-child li:after{display: none;}


/* 头部 */
.tt-header{position: fixed; left: 0; top: 0; z-index:10000; width: 100%;border-radius: 0;background-color:#fff;height:130px;}
.tt-logo img{width:350px;height:65px; margin-top:5px;margin-bottom:5px;}
.tt-header .layui-nav{padding: 0;background:none;height:55px;}

.tt-header .iconbox{
               width:100%;
               margin:0 auto;
               text-align:center;
               margin-top:25px;
               display:block;
}
.tt-header .iconbox a{
               padding:0 5px 0 5px;
}
.tt-header .phonebox{
               width:100%;
               margin:0 auto;
               text-align:left;
               margin-top:15px;
}
.tt-header .phonebox p{
              line-height:35px;
              color:#333;
              font: normal 100%/1.4 Microsoft yahei;
}
.tt-header .phonebox p span{
              font: normal 100%/1.4 Microsoft yahei;
              display:block;
              margin-left:30px;
              margin-top:-8px;
}
.tt-header .phonebox p b{
              line-height:35px;
              color:#2a323f;
              font: normal 140%/1.4 Microsoft yahei;
}

/*单页左侧导航样式*/
.tt-left {

        border:1px solid #f2f2f2;
}

.tt-left .layui-nav-item {
        border-bottom:1px solid #f2f2f2;
}

section {
  text-align: center;
  min-height:550px;
  width: 100%;
}

h1 {
  margin-bottom: .5em;
  font: bold 280%/1.8 Microsoft yahei;
  color:#060101;
}

p {
  margin: 0 auto;
  line-height:26px;
  display: block;
}

/*英文标题样式开始*/
fieldset {
    padding:10px;
    margin:10px;
    width:350px;
    color:#919191; 
    border-top:#dfdfdf solid 1px;
    display:block;
    margin:0 auto;
    overflow:hidden;
    border-left:none;
    border-bottom:none;
    border-right:none;
} 
legend {
    font: bold 200%/1.8 Microsoft yahei;
    color:#060101;
    padding:0 5px 0 5px;
    border-left:#dfdfdf solid 1px;
    border-right:#dfdfdf solid 1px;
    height:30px;
    line-height:30px;
} 
.subtitle {
    color:#919191;
    font-weight:400;
} 
/*英文标题样式结束*/


/*新闻中心开始*/
.news-box{
               width:100%;
               height:100%;
               margin:0 auto;
               transition: all 0.3s ease-out 0s;
               -webkit-transition: all 0.3s ease-out 0s;
               text-align:left;
}
.news-box img{
               width:100%;
               height:100%;
}
.news-box p{
               margin:0;
               line-height:28px;
}
.news-box .title{
               color:#565656;
               font: bold 130%/1.8 Microsoft yahei;
               position: relative;
               display:block;
               top:10px;
               line-height:55px;
}
.news-box .timer{
               display:block;
               position:absolute;
               top:10px;
               right:15px;
               font: normal 80%/1.8 Microsoft yahei;
}
.news-box img:hover{
    box-shadow: 0px 0px 50px 15px rgba(0,0,0,0.2);
    transition: box-shadow 0.5s;
}


.news-list-box{
               background-color:#fff;
               width:100%;
               height:120px;
               margin:0 auto;
               transition: all 0.3s ease-out 0s;
               -webkit-transition: all 0.3s ease-out 0s;
               text-align:left;
               padding:10px;
}
.news-list-box .title{
               position: relative;
               display:block;
               top:10px;
               color:#565656;
               font: bold 130%/1.8 Microsoft yahei;
               display:block;
}
.news-list-box p{
               margin-top:10px;
               line-height:28px;
}
.news-list-box .timer-box{
               text-align:center;
               position:relative;
               display: block;
               top:15px;
               color: #d4d4d4;
               border-right:1px solid #d4d4d4;
               
}

.arrow_box {
        position:absolute;
        right:-20px;
        top:30%;
	display:block;margin:4px;width:0;height:0;border-style:solid;border-width:8px;border-color:transparent transparent transparent #d4d4d4;
}

.news-list-box .timer-box b{
              color:#d4d4d4;
              font: bold 190%/1.8 Microsoft yahei;
}
.news-list-box:hover{
    transform:translateY(-10px);
    -webkit-transform:translateY(-10px);
    box-shadow: 0px 0px 50px 15px rgba(0,0,0,0.2);
    transition: box-shadow 0.5s;
}
/*新闻中心结束*/


/*关于我们开始*/
#about div:nth-child(1){
   background-color:#823b78 !important;
}
#about div:nth-child(2){
   background-color:#2b3340 !important;
}
#about div:nth-child(3){
   background-color:#067bd8 !important;
}
#about div:nth-child(4){
   background-color:#29b5c9 !important;
}
#about div:nth-child(5){
   background-color:#021d3a !important;
}
#about div:nth-child(6){
   background-color:#de8600 !important;
}
#about div:nth-child(7){
   background-color:#5e3ead !important;
}
#about div:nth-child(8){
   background-color:#4468a2 !important;
}

.about-list-box{
               width:100%;
               height:200px;
/*               border-radius:16px;*/
               margin:0 auto;
               transition: all 0.3s ease-out 0s;
               -webkit-transition: all 0.3s ease-out 0s;
/*               box-shadow:-2px 8px 30px rgba(0,0,0,0.2);*/
}
.about-list-box:hover{
    box-shadow: 0px 0px 50px 15px rgba(0,0,0,0.2);
    transition: box-shadow 0.5s;
}
/*关于我们结束*/
/*产品开始*/
.product-list-box{
               width:100%;
               height:100%;
               margin:0 auto;
               transition: all 0.3s ease-out 0s;
               -webkit-transition: all 0.3s ease-out 0s;
               overflow:hidden;
}
.product-list-box:hover{
    transform:translateY(-10px);
    -webkit-transform:translateY(-10px);
    box-shadow: 0px 0px 50px 15px rgba(0,0,0,0.2);
    transition: box-shadow 0.5s;
}
.product-list-box img{
     width:330px;
     height:180px;
}
.product-list-box h1{
              line-height:45px;
              color:#565656;
              font: normal 130%/2.4 Microsoft yahei;
              padding:0;
              margin: 0;
              text-align:center;
}
.padding20{
              line-height: 45px;
              padding:20px;
}
.product-category-info{background-color:#fed201;}
.product-cover-box img{width:230px;height:165px;}
.product-description-box{padding-right:30px;}
.product-description-box h1{color:#565656;font: normal 180%/2.4 Microsoft yahei;}
/*产品结束*/
/*联系我们开始*/
/*信息*/
.contact-list-box{
               width:100%;
/*               height:240px;*/
               margin:0 auto;
               text-align:left;
}
.contact-list-box p{
              line-height:35px;
              color:#fff;
              font: normal 100%/1.8 Microsoft yahei;
}
.contact-list-box p span{
              line-height:35px;
              color:#fff;
              font: normal 100%/1.8 Microsoft yahei;
              margin-left:16px;
}
.contact-list-box-pic{background-color:#fff;
               width:130px;
               height:130px;
               border-radius:5px;
               margin:0 auto;
               transition: all 0.3s ease-out 0s;
               -webkit-transition: all 0.3s ease-out 0s;
               box-shadow:-2px 8px 30px rgba(0,0,0,0.2);
}
.contact-list-box-pic:hover{
    box-shadow: 0px 0px 50px 15px rgba(0,0,0,0.2);
    transition: box-shadow 0.5s;
}
/*二维码*/
.contact-erweima-box{
               width:110px;
               height:160px;
               margin:0 auto;
}
.contact-erweima-box p{
              line-height:35px;
              color:#9d9d9d;
              font: normal 100%/1.8 Microsoft yahei;
              text-align:center;
}
.contact-erweima-box-pic{background-color:#fff;
               width:110px;
               height:110px;
               border-radius:5px;
               margin:0 auto;
               transition: all 0.3s ease-out 0s;
               -webkit-transition: all 0.3s ease-out 0s;
               box-shadow:-2px 8px 30px rgba(0,0,0,0.2);
}
.contact-erweima-box-pic:hover{
    box-shadow: 0px 0px 50px 15px rgba(0,0,0,0.2);
    transition: box-shadow 0.5s;
}
/*联系我们结束*/
/*底部信息开始*/
/*底部导航*/
.nav-list-box{
               width:100%;
               margin:0 auto;
               text-align:left;
}
.nav-list-box p{
              line-height:35px;
              color:#9d9d9d;
              font: normal 100%/1.8 Microsoft yahei;
}
.nav-list-box a{
              line-height:35px;
              color:#9d9d9d;
              font: normal 100%/1.8 Microsoft yahei;
}
.nav-list-box p span{
              line-height:35px;
              color:#fff;
              font: normal 120%/1.8 Microsoft yahei;
}
.nav-list-box p b{
              line-height:35px;
              color:#fff;
              font: normal 200%/1.4 Microsoft yahei;
}
.horizontal-line{width:100%;height:1px;line-height:1px;background-color:#3a3a3a;margin-top:35px;}

/*友情链接*/
.link-list-box{
               width:100%;
               margin:0 auto;
               text-align:left;
}
.link-list-box a{
              line-height:35px;
              color:#9d9d9d;
              font: normal 100%/3.2 Microsoft yahei;
              padding:0 5px 0 5px;
}
/*版权信息*/
.copy-list-box{
               width:100%;
               margin:0 auto;
               text-align:left;
}
.copy-list-box a{
              line-height:35px;
              color:#fff;
              font: normal 100%/1.8 Microsoft yahei;
              padding:0 5px 0 5px;
}

/*底部信息结束*/

/*卡片翻转样式开始*/
.reversal {
            width:165px;
            height:165px;
            display:block;
            margin:0 auto; 
            position: relative;
            text-align:center;
        }

.title{
        display:block;
        margin:0 auto;
        font: normal 100%/0.8 Microsoft yahei,Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;
        color:#fff;
        position: relative;
        bottom:20px;
        }
.face,.back{
    width:165px; 
    height:165px; 
    position: absolute; 
    text-align: center;  
    line-height:150px;   
    backface-visibility: hidden; 
    transform-style: preserve-3d; 
    transition: transform 1s; 
}
.face img{
    width:88px; 
    height:88px;
    border-radius:50%;
}
.back img{
    width:88px; 
    height:88px;
    border-radius:50%;
}
/*.back{
    width:100%; 
    height:165px; 
    position: absolute; 
    text-align:left;  
    line-height:35px;   
    backface-visibility: hidden; 
    transform-style: preserve-3d; 
    transition: transform 1s; 
    color:#fff;
    padding:20px 15px;
    align-items: center;
}*/
.face{transform: rotateY(0deg);}
 .back{transform: rotateY(-180deg);}
.reversal:hover .back{transform:rotateY(0deg);}
.reversal:hover .face{transform:rotateY(180deg);}
/*卡片翻转样式结束*/

/* ------------------------------------------
  FIXED HEADER
--------------------------------------------- */

/* 底部版权 */
.tt-footer {margin:10px 0 0 0; padding: 25px 0 25px; line-height: 26px; text-align:center; color: #fff;width: 100%; border-top:1px solid #3a3a3a;}
.tt-footer a{font-weight:300; color: #fff;padding-right:5px;}
.tt-footer a:hover{color: #aaaaaa;}

/* 面板 */
.tt-panel{margin-bottom: 15px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);clear:both;}
.tt-panel-title{position: relative; height: 50px; line-height: 50px; padding: 0 15px; border-bottom: 1px dotted #E9E9E9; color: #333; border-radius: 2px 2px 0 0; font-size: 14px;}

/* 专栏 */
.tt-column{height: 45px; line-height: 45px;padding:0 8px 0 8px;clear: both;}
.tt-column ul li{position: relative; display: inline-block; height: 45px;padding-right:10px;text-align: left;}
.tt-column ul li a{color:#666;}
.tt-column ul li a:hover{color:#aaaaaa;}
.tt-column ul li.layui-this{color: #aaaaaa;font-weight: bold;}
.tt-column-right{position: absolute; right:10px;top:0px;}
.tt-column-right .layui-btn{vertical-align: initial;}


/* 搜索 */
.tt-search{display: inline-block; vertical-align: top; width: 50px; height: 50px; margin-right: 10px; text-align: center; cursor: pointer; font-size: 20px;}
.tt-search .layui-icon{font-size: 20px;}
.tt-search:hover{color: #aaaaaa;}
.tt-layer-search input{height: 75px; line-height: 75px; width: 500px; padding: 0 15px; font-size: 20px; border: none 0; background: none;}

/* 列表 */
.tt-list .tt-avatar{position: absolute; left: 15px; top: 15px;}
.tt-list .tt-avatar img{display: block; width: 40px; height:40px; margin: 0; border-radius: 0px;}
.tt-list .tt-avatar2{position: absolute; left: 15px; top: 15px;margin-bottom:15px;width:120px;height:115px;overflow: hidden;display:block;}
.tt-list .tt-avatar2 img{width:100%; height:auto;border-radius: 0px;}
.tt-list li{position: relative;height:60px; line-height: 22px;padding: 15px 15px 15px 15px; border-bottom: 1px dotted #e2e2e2;overflow: hidden;display:block;margin-bottom:20px;}
.tt-list li:last-child{border-bottom: none;}
.tt-list li h2,
.tt-list li h2 a,
.tt-list-info{overflow: hidden; text-overflow: ellipsis;}
.tt-list li h2{height: 26px; font-size: 0;margin-left:160px;}
.tt-list li h2 a{display: inline-block;padding-right: 10px; font-size: 18px;}
.tt-list li h2 .layui-badge{height: 26px; line-height: 26px; padding: 0 5px; margin-right: 10px; font-size: 12px; border: 1px solid #aaaaaa; background: none; color: #aaaaaa;}
.tt-list-info{position: relative; font-size: 13px; color: #999;margin-left:160px;}
.tt-list-info>*{padding-right: 15px;}
.tt-list-info a{color: #999;}
.tt-list-info a:hover{color: #aaaaaa;}
.tt-list-nums{position: absolute; right: 0; top: 0; padding-right: 0!important;}
.tt-list-nums i{position: relative; padding: 0 3px 0 15px;}
.tt-list-badge{position: absolute; right: 15px; top: 15px; font-size: 0;}
.tt-list-badge .layui-badge{margin-left: 5px; border-radius: 2px; font-size: 12px;}
.tt-list .tt-none-pic h2{margin-left:0}
.tt-none-pic .tt-list-info{margin-left:0}

.tt-list .tt-avatar2{overflow:hidden;display:block;}
.tt-list .tt-avatar2 a:hover img{  
                transform: scale(1.1);
                transition: all 1s ease 0s;
            } 

/* hot列表 */
.tt-hot-list li{position: relative;height:65px; line-height: 22px;padding: 15px 15px 15px 15px; border-bottom: 1px dotted #e2e2e2;}
.tt-hot-list li:last-child{border-bottom: none;}
.tt-hot-list li h2,
.tt-hot-list li h2 a,
.tt-hot-list .info{overflow: hidden; text-overflow: ellipsis;}
.tt-hot-list li h2{height: 28px; font-size: 0;}
.tt-hot-list li h2 a{display: inline-block;padding-right: 10px; font-size: 16px;}
.tt-hot-list li h2 .layui-badge{top: -6px; height: 14px; line-height: 14px; padding: 0 5px; margin-right: 10px; font-size: 12px; border: 1px solid #aaaaaa; background: none; color: #aaaaaa;}
.tt-hot-list .info{position: relative; font-size: 13px; color: #999;}
.tt-hot-list .info>*{padding-right: 15px;}
.tt-hot-list .info a{color: #999;}
.tt-hot-list .info a:hover{color: #aaaaaa;}



/* 单行列表 */
.tt-list-one .tt-panel-title{margin-bottom: 5px;}
.tt-list-one dd{margin: 0 15px; line-height: 26px; white-space: nowrap; overflow: hidden; list-style: decimal-leading-zero inside; *list-style-type: decimal inside; color: #009E94;}
.tt-list-one dd a,
.tt-list-one dd span{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-style: normal}
.tt-list-one dd a{max-width: 85%; margin-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px;}
.tt-list-one dd span{font-size: 12px; color: #ccc;}
.tt-list-one dd:last-child{padding-bottom: 5px;}

body .layui-edit-face{ border:none; background:none;}
body .layui-edit-face  .layui-layer-content{padding:0; background-color:#fff; color:#666; box-shadow:none}
.layui-edit-face .layui-layer-TipsG{display:none;}
.layui-edit-face ul{position:relative; width:372px; padding:10px; border:1px solid #D9D9D9; background-color:#fff; box-shadow: 0 0 20px rgba(0,0,0,.2);}
.layui-edit-face ul li{cursor: pointer; float: left; border: 1px solid #e8e8e8; height: 22px; width: 26px; overflow: hidden; margin: -1px 0 0 -1px; padding: 4px 2px; text-align: center;}
.layui-edit-face ul li:hover{position: relative; z-index: 2; border: 1px solid #eb7350; background: #fff9ec;}


/* 静态列表 */
.tt-list-static li{line-height: 26px; list-style-position: inside; list-style-type: disc; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.tt-list-static li a{color: #01AAED;}
.tt-list-static li a:hover{opacity: 0.8;}

/*二级标题*/
.title-box h2{font-size: 32px; color:#fff;font-weight:bold;line-height:32px;display:block;margin:0 auto;padding-top:75px;text-align: center;}
.title-box span{padding:4px 15px 4px 15px;opacity:0.8;}


/* Detail页 */
.detail-box{padding:0 20px 20px 20px;}
.detail h1{font-size: 1.6rem; line-height: 33px;text-align:center;}
.tt-detail-info{position: relative; margin: 10px 0 15px;}
.tt-detail-info .layui-btn{height: 20px; line-height: 20px; vertical-align: top; border-radius: 0;}
.tt-detail-info .layui-btn+.layui-btn{margin-left: 0;}
.tt-detail-info .tt-list-nums{top: -3px; font-size: 14px;}
.tt-detail-info .tt-list-nums i{padding: 0 3px 0 15px; font-size: 14px; color: #666;}
.tt-detail-info span {color: #999;}

.detail-body{margin: 20px 0 0; min-height: 306px; line-height: 26px; font-size: 14px; color: #666; word-wrap: break-word;}
.detail-body p{margin-bottom:15px;}
.detail-body a{color:#4f99cf;}
.detail-body img{max-width: 100%; cursor: crosshair;}
.detail-body table{margin: 10px 0 15px;}
.detail-body table thead{background-color:#f2f2f2;}
.detail-body table th, 
.detail-body table td{padding: 10px 20px; line-height: 22px; border: 1px solid #DFDFDF; font-size: 14px; font-weight: 400;}
.detail .page-title{ border: none; background-color: #f2f2f2;}


/* 内容块 */
.tt-content{min-height:60px; padding-bottom:10px;padding-top:15px;color: #999;}
.tt-content p{margin: 5px 0 10px 0; padding: 0 15px; font-size:12px; color: #999;line-height:26px;text-align:left;}
.tt-text-title{margin: 10px 0 0px 0; font-size: 14px; color: #999;line-height:26px;text-align:center;}


/*对齐方式*/
.tt-txt-center{text-align: center}
.tt-txt-left{text-align: left;}
.tt-txt-right{text-align: right}

/*圆角*/
.tt-img-circle{border-radius: 50%;}

/*位置*/
.tt-txt-info{position: relative;padding: 6px 0px 0px 0px; border-top: 1px dotted #eee;height:32x; line-height: 32px;}
.tt-txt-active {position: absolute; right: 0; top: 10px; padding: 0 15px;}
.tt-txt-active a{color:#5DB276}
.tt-txt-left-active {position: absolute; left: 0; top: 10px; padding: 0 15px;}
.tt-txt-left-active a{color:#5DB276}


/*鼠标效果*/
.tt-list-box:hover{
     transition:all 0.3s ease-out 0s;
    -webkit-transition:all 0.3s ease-out 0s;
    transform:translateY(-10px);
    -webkit-transform:translateY(-10px);
}
.tt-list-box .layui-badge{top: -4px; height: 16px; line-height: 16px; padding: 0 5px; margin-right: 10px; font-size: 12px; border: 1px solid #aaaaaa; background: none; color: #aaaaaa;}

.info-box{
     transition:all 0.6s ease-out 0s;
    -webkit-transition:all 0.6s ease-out 0s;
    transform:translateY(0px);
    -webkit-transform:translateY(0px);
}

/*边框*/
.tt-img-border{border:1px solid #ddd;padding:2px;}
.tt-img-width{width:100%;height:148px;overflow: hidden;display:block;}
.tt-img-width img{width:100%;}
.tt-img-width a:hover img{  
                transform: scale(1.1);
                transition: all 1s ease 0s;
            } 
.tt-img-width-list{width:100%;height:148px;overflow: hidden;display:block;}
.tt-img-width-list img{width:100%;}
.tt-img-width-list a:hover img{  
                transform: scale(1.1);
                transition: all 1s ease 0s;
            } 

.tt-box {width:100%;overflow: hidden;display:block;}
.tt-box a:hover img{  
                transform: scale(1.1);
                transition: all 1s ease 0s;
            } 

/*字体色*/
.tt-txt-blue{color:#01AAED}
.tt-txt-red{color:#c30e23}
.tt-txt-orange{color:#e94619}
.tt-txt-green{color:#90ab0b}
.tt-txt-green{color:#90ab0b}
.tt-txt-cyan{color:#46d082}
.tt-txt-brown{color:#502e2f}

/*间距*/
.margin-right-10{margin-right: 10px;}
.margin-top-10{margin-top: 10px;}
.padding-top-70{padding-top: 70px;}


/*分页*/
.pagination{display: block;vertical-align: middle;margin: 10px 0;font-size: 0;text-align: center;}
.pagination li{display: inline-block;font-size: 14px;}
.pagination .disabled{display: none;}
.pagination li a,.pagination li span{display: inline-block;vertical-align: middle;padding: 0 15px;border: 1px solid #e2e2e2;height: 28px;line-height: 28px;margin: 0 -1px 5px 0;background-color: #fff;color: #333;font-size: 12px;}
.pagination .active span{background-color: #aaaaaa;color:#fff;}


/*左边导航*/  
.left_nav_mask{display: none;}
.left_nav_btn{display: none;}
.left_nav_close{display: none;}
.left_nav{display: none;}


.left_nav .layui-nav .layui-nav-item {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	line-height: 40px;
        margin-left:10px;
        margin-right:10px;
}

.left_nav .layui-nav .layui-nav-item a {
	display: block;
	padding: 0 5px;
	color: #fff;
	transition: all .3s;
	-webkit-transition: all .3s
}

/*首页轮播*/
.inner {width: 96%;height:100%;overflow: hidden; margin: 0 auto;}

/*右侧悬浮*/
.floating_ck{position:fixed;right:8px;top:25%;z-index:10001;font-size:12px;}
.floating_ck dl dd{position:relative;width:52px;height:52px;background-color:#4f4b4a;border-bottom:solid 1px #555666;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;padding:5px 0 5px 0;}
.floating_ck dl dd:hover{background-color:#e40231;border-bottom:solid 1px #a40324;}
.floating_ck dl dd:hover .floating_left{display:block;}
.floating_ck dd .icon{display:block;width:30px;height:30px;overflow: hidden;margin:0 auto;padding-top:5px;}
.floating_ck dd .icon img{width:28px;height:28px;}
.floating_ck dd span{color:#fff;display:block;font-size:12px;font-weight:normal;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:62px;background-color:#fff;border-bottom:solid 1px #fff;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:180px;top:0;}
.floating_ewm i{display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#333;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}

.floating_right_fixed{position:fixed;z-index:10001;top:130px;width:180px;}



@media screen and (max-width: 768px) {
   html body{margin-top:65px;}
  .tt-main{width: 100%;}
  /* 顶边距 */
  .tt-marginTop{margin-top: 0;}
  .tt-header{height:65px; border-bottom:1px solid #f2f2f2;}
  .tt-logo img{height:40px;width:auto;padding: 10px 15px;margin-top:5px;}

  .tt-img-width{width:100%;height:auto;overflow: hidden;display:block;}
  .tt-img-width img{width:100%;height:auto;}
  .tt-img-width a:hover img{  
                transform: scale(1.0);
                transition: all 1s ease 0s;
            } 
  .tt-img-width-list{width:100%;height:auto;overflow: hidden;display:block;}
  .tt-img-width-list img{width:100%;height:auto;}
  .tt-img-width-list a:hover img{  
                transform: scale(1.0);
                transition: all 1s ease 0s;
            } 
  .tt-list-box:hover{
    transition:all 0.3s ease-out 0s;
    -webkit-transition:all 0.3s ease-out 0s;
    transform:translateY(0);
    -webkit-transform:translateY(0);
  }
  
  .tt-col dd a:hover img{ 
   transform: scale(1);
   transition: all 1s ease 0s;
  } 
.tt-list-box{height:auto;}
  /* 头部 */
  .tt-header .tt-nav-right li .tt-nav-avatar{padding-right: 15px;}
  .tt-header .tt-nav-right{margin-right: 5px;}

  .tt-hot-list li h2 .layui-badge{top: -2px; height: 14px; line-height: 14px; padding: 0 5px; margin-right: 10px; font-size: 12px; border: 1px solid #aaaaaa; background: none; color: #aaaaaa;}
  
  .detail h1{font-size: 1.2rem; line-height: 33px;text-align:left;}
  
/*左边导航*/
.left_nav{display:none;top:72px;left:-200px;}
.layui-nav-itemed .layui-nav-child a{padding-left:30px;}
.left_nav_mask{content: '';position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(255,255,255,.8);z-index: 998;}
.left_nav_btn{display: block;position: fixed;z-index: 10001;top:5px;right: 15px;width: 50px;height: 50px;line-height: 50px;border-radius: 2px;text-align: center;cursor:pointer;}
.left_nav_close{display: none;position: fixed;z-index: 10001;top:5px;right: 15px;width: 50px;height: 50px;line-height: 50px;border-radius: 2px;text-align: center;cursor:pointer;}
.left_nav_show{left:0;display:block;}

.layui-side,.layui-side-scroll{width:100%;top:72px;} 
.layui-side .layui-nav-item {
        display:block;
        width: 100%;
	font-size:15px;
	line-height: 45px;
}
.layui-nav-tree {
	width: 100%;
	padding:10px;
}
.layui-side .layui-nav-item a{font-size:1rem;}
.layui-side .layui-nav-item em{position:absolute; right:10px; top:0;font-size:1rem;}
#floating_right{display:none}

.product-list-box img{
     width:100%;
     max-height:90px;
}
}